<template>
  <div id="index">
    <BackgorundPhoto></BackgorundPhoto>
    <Container>
      <Header></Header>
      <Swiper></Swiper>
    </Container>
    <TabBar></TabBar>
  </div>
</template>

<script>
// 背景
import BackgorundPhoto from './components/BackgorundPhoto'
// container
import Container from './components/Container'
//头部
import Header from './components/Header'
// 轮播图
import Swiper from './components/Swiper/Swiper'
// 底部bar
import TabBar from './components/TabBar'
export default {
  name:'Index',
  components:{
    BackgorundPhoto,
    Container,
    Header,
    Swiper,
    TabBar
  }
}
</script>

<style scoped>
 @import "~assets/css/common.css";
 #index{position: relative;width: 100vw;height: 100vh;overflow: hidden;}


</style>